<template>
  <div>
    <div style="margin-bottom: 20px;background-color: #ffffff;padding: 24px;">
      <div style="display: flex;">
        <h4>数据加工</h4>
      </div>
      <div style="display: flex;">
        <a-breadcrumb>
          <a-breadcrumb-item>数据探索</a-breadcrumb-item>
          <a-breadcrumb-item>数据加工</a-breadcrumb-item>
        </a-breadcrumb>
      </div>
    </div>
    <div style="margin: 24px;background-color: #ffffff;min-height: 600px;">
      <div
        style="height: 3em;margin: 0 10px;border-bottom:  1px solid #e8e8e8;line-height: 3em;display: flex;"
      >
        <div style="width: 50%;text-align: left;">
          所有项目
        </div>
        <div style="width: 50%; text-align: right;">
          <a-icon type="up" />
          <a-icon type="tool" style="padding-left: 10px;" />
          <a-icon type="close" style="padding-left: 10px;" />
        </div>
      </div>
      <div style="display: flex;">
        <div style="width: 30%;"></div>
        <div
          style="width: 70%;height: 100%;padding: 10px;border:  1px solid #e8e8e8;margin: 10px;"
        ></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DataProcessing',
  data() {
    return {}
  },
  mounted() {
    this.listData = this.getData()
  },
  methods: {
    getData() {}
  }
}
</script>

<style lang="less" scoped></style>
